<template>
  <div class="p-3">
    <a-card :bordered="false" style="height: 820px">
      <a-segmented v-model:value="value" :options="data" />
      <migrationRecords v-if="value == '迁移记录'" />
      <residentRelocation v-if="value == '住户迁移'" />
      <communityRelocation v-if="value == '小区迁移'" />
    </a-card>
  </div>
</template>
<script setup lang="ts">
import migrationRecords from './customerInformation/components/migrationRecords.vue';
import residentRelocation from './customerInformation/components/residentRelocation.vue';
import communityRelocation from './customerInformation/components/communityRelocation.vue';
import {useRoute } from 'vue-router';
import { ref, reactive } from 'vue';
const data = ref(['迁移记录', '住户迁移', '小区迁移']);
const value = ref('迁移记录');
// 获取当前路由信息
const router = useRoute();
console.log(router);
// const currentRoute = router.currentRoute.value;
</script>
<style scoped></style>
